<div class="container" [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/renqi/date-bg.png)'">

  <div class="container-arrow" (click)="onDatePickerSelect(-1)">
    <img *ngIf="getDatePickerArrowActive('left')"
      [src]="deployUrl+'assets/img/end-year/renqi/date-arrow-left-active.png'" alt="箭头-左">
    <img *ngIf="!getDatePickerArrowActive('left')"
      [src]="deployUrl+'assets/img/end-year/renqi/date-arrow-left-inactive.png'" alt="箭头-左">
  </div>
  <!-- 主体日期 -->
  <div class="container-main">
    <!-- 只显示4个 -->
    <div class="container-main--wrapper" [style]="wrapperStyle">
      <section *ngFor="let tab of tabs;let i = index;">
        <div (click)="onTabClick(i)" class="container-main__item"
          [ngStyle]="{backgroundImage:i===activeIndex? 'url('+deployUrl+'assets/img/end-year/renqi/date-active-bg.png':''}">
          {{tab.name}}
        </div>
      </section>
    </div>
  </div>
  <div class="container-arrow" (click)="onDatePickerSelect(1)">
    <img *ngIf="getDatePickerArrowActive('right')"
      [src]="deployUrl+'assets/img/end-year/renqi/date-arrow-right-active.png'" alt="箭头-右">
    <img *ngIf="!getDatePickerArrowActive('right')"
      [src]="deployUrl+'assets/img/end-year/renqi/date-arrow-right-inactive.png'" alt="箭头-右">
  </div>
</div>